h1,
h2,
h3,
p {
  color: #262626;
  font-family: "Monospaced Number", "Chinese Quote", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}

.PSI-About-body {
  background-color: white !important;
}

.PSI-Msgbx-tip {
  background-color: white !important;
}

.PSI-about p {
  font-size: 13px;
  color: #262626;
  font-family: "Monospaced Number", "Chinese Quote", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}

.x-mask-msg div {
  font-size: 12px;
}

.x-btn-default-toolbar-small .x-btn-inner {
  font-size: 13px;
}

.x-grid-row .x-grid-cell {
  font-size: 13px;
}

.x-window-header-default {
  font-size: 11px;
}

.x-window-header-text-default {
  font-size: 11px;
}

.x-window-header-text-container-default {
  font-size: 11px;
}

.x-column-header {
  font-size: 13px;
}

.x-tip-header,
.x-tip-body,
.x-form-invalid-tip-body {
  font-size: 13px;
}

.x-tab button {
  font-size: 13px;
}

#msg-div {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 400px;
  margin-left: -200px;
  z-index: 20000;
}

#msg-div .msg {
  border-radius: 8px;
  -moz-border-radius: 8px;
  background: #F6F6F6;
  border: 2px solid #ccc;
  margin-top: 2px;
  padding: 10px 15px;
  color: #555;
}

#msg-div .msg h3 {
  margin: 0 0 8px;
  font-weight: bold;
  font-size: 15px;
}

#msg-div .msg p {
  margin: 0;
}

.PSI-Copyright {
  background-color: #354a5f !important;
}

.PSI-Copyright .x-panel-header-text-container-default {
  color: white !important;
}

.PSI-App {
  background-image: none;
  background-color: #354a5f !important;
}

.PSI-App .x-btn-default-toolbar-small .x-btn-inner {
  color: white !important;
}

.PSI-App-MainMenu {
  background-image: none;
  background-color: #354a5f !important;
  border: 0;
}

.PSI-App-MainMenu .x-menu-item-text {
  color: white !important;
}

.PSI-App-MainMenu .x-menu-item-active {
  background-image: none;
  background-color: #963838;
  border-color: #963838;
}

.PSI-App .x-btn-default-toolbar-small-menu-active,
.PSI-App .x-btn-default-toolbar-small-pressed,
.PSI-App .x-btn-default-toolbar-small-over {
  background-image: none;
  background-color: #963838;
  border: 0;
  height: 30px;
}

.PSI-App .x-btn-default-toolbar-small .x-btn-arrow {
  background-image: none;
}

.PSI-Field {
  border-color: white !important;
}

.x-grid-header-ct {
  border-color: #c3cbcc;
}

.x-border-layout-ct {
  background-color: white;
}

.x-window-default {
  background-color: white;
}

.x-window-body-default {
  border-color: white;
  background-color: white;
}

.x-window-header-default-top {
  background-color: white;
}

.x-message-box .x-window-body {
  background-color: white;
}

.x-panel-default {
  border-color: #c3cbcc;
}

.x-panel-header-default {
  background-image: none;
  background-color: #f5f5f5;
  border-color: #c3cbcc;
}

.PSI .x-panel-header-default {
  background-image: none;
  background-color: #f5f5f5;
}

.x-toolbar-default {
  background-image: none;
  background-color: #dadada;
  border-color: #dadada;
}

.PSI-FC .x-toolbar-default {
  background-image: none;
  background-color: #f5f5f5;
  border-color: #c3cbcc;
}

.PSI-LC .x-toolbar-default {
  background-image: none;
  background-color: #f5f5f5;
  border-color: #c3cbcc;
}

.PSI-HL .x-toolbar-default {
  background-image: none;
  background-color: #f5f5f5;
  border-color: #c3cbcc;
}

.PSI-Bill .x-toolbar-default {
  background-image: none;
  background-color: #f0f0f0;
  border-color: #c3cbcc;
}

.PSI-Normal .x-toolbar-default {
  background-image: none;
  background-color: #f5f5f5;
  border-color: #c3cbcc;
}

.PSI .x-toolbar-default {
  background-image: none;
  background-color: #f0eff5;
  border-color: #c3cbcc;
}

.PSI .x-btn-default-toolbar-small-disabled {
  border-color: transparent;
}

.x-tab-bar-default-top {
  background-image: none;
  background-color: #DAE6F3;
}

.x-panel-body-default {
  border-color: #c3cbcc
}

.x-btn-default-small-over {
  background-image: none;
  border: none;
  background-color: #427cac;
}

.x-btn-default-small-over .x-btn-inner {
  color: white !important;
}

.x-btn-default-small {
  background-image: none;
  border-color: #1890ff;
}

.x-btn-default-small .x-btn-inner {
  font-size: 13px;
  color: #096dd9;
}

.x-toolbar-separator-horizontal {
  border-left-color: #2c9ba0;
  border-right-color: #dcdada
}

.x-tab-bar .x-tab-bar-body {
  height: 34px !important;
}

.x-tab-bar .x-tab-bar-body .x-box-inner {
  height: 32px !important;
}

.x-tab-bar-strip {
  height: 32px !important;
}

.x-tab-bar .x-tab-bar-body {
  background-color: #f5f5f5;
}

.x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
  height: 32px !important;
}

.x-tab-bar .x-tab-bar-body .x-box-inner .x-tab-button {
  height: 24px !important;
  line-height: 24px !important;
  margin-top: 5px;
}

.x-tab-default .x-tab-inner {
  font-weight: normal;
  font-size: 13px;
  color: #777777;
}

.x-tab-default-top {
  background-image: none;
  background-color: white;
  border-color: white;
}

.x-tab-default-top:hover {
  background-image: none;
  background-color: white;
  border-bottom: 2px dashed #fa8c16;
}

.x-tab-default-top:hover .x-tab-inner {
  color: #427cac;
}

.x-tab-default-top-active {
  background-image: none;
  background-color: white;
  border-bottom: 2px solid #427cac;
}

.x-tab-default-top-active:hover {
  background-image: none;
  background-color: white;
  border-bottom: 2px solid #427cac;
}

.x-tab-default-top-active .x-tab-inner {
  color: #427cac;
}

.x-horizontal-box-overflow-body {
  background-color: white;
}

.x-splitter-horizontal {
  background-color: #f5f5f5;
}

.x-splitter-vertical {
  background-color: #f5f5f5;
}

.x-splitter-horizontal:hover {
  background-color: #427cac;
}

.x-splitter-vertical:hover {
  background-color: #427cac;
}

.x-panel-header-text-container-default {
  font-weight: normal;
  color: #196d6d;
}

.x-btn-default-toolbar-small .x-btn-inner {
  color: #00474f;
}

.x-btn-default-toolbar-small-over {
  background-image: none;
  background-color: #427cac;
  border: 1px solid #427cac;
}

.x-btn-default-toolbar-small-over .x-btn-inner {
  color: white;
}

.x-btn-default-toolbar-small-menu-active,
.x-btn-default-toolbar-small-pressed {
  background-image: none;
}

.x-menu-item-text {
  color: #196d6d;
}

.x-menu-item-active {
  background-image: none;
}

.x-column-header-text {
  color: #196d6d;
}

.x-form-item-label {
  font-size: 13px;
  color: #196d6d;
}

.x-toolbar-item .x-form-display-field {
  font-size: 13px;
}

.x-form-display-field {
  font-size: 13px;
  color: #196d6d;
}

.x-form-cb-label {
  font-size: 13px;
  color: #196d6d;
}

.x-form-date-trigger {
  background: url(../Images/form/trigger.gif);
}

.x-toolbar .x-toolbar-text {
  color: #196d6d;
}

.x-grid-header-ct {
  background-image: none;
  background-color: #f5f5f5;
}

.x-column-header {
  background-image: none;
  background-color: #f5f5f5;
  line-height: 18px;
}

.x-column-header-over {
  background-image: none;
  background-color: #e8e8e8;
}

.x-grid-cell-row-numberer {
  background-image: none;
}

.x-grid-cell-inner {
  color: #262626;
}

.PSI .x-grid-row td,
.x-grid-summary-row td {
  line-height: 18px;
  vertical-align: middle;
}

.PSI-recent-fid .x-grid-row td {
  line-height: 26px;
  vertical-align: top;
}

.PSI-recent-fid .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-recent-fid .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {
  font-size: 13px;
}

.x-form-text {
  color: #262626;
  font-size: 13px;
  background-image: none;
  border-color: transparent transparent #c5c5c59e transparent;
  background-image: none;
}

.PSI-SCBill .x-form-text {
  border-color: #dbdbdb;
}

.PSI-toolbox .x-form-text {
  background-image: none;
  border-color: transparent transparent #b9b9b9 transparent;
  background-color: #dadada;
}

.PSI-Bill .PSI-toolbox .x-form-text {
  background-image: none;
  border-color: transparent transparent #b9b9b9 transparent;
  background-color: transparent;
}

.PSI-toolbox-barcode .x-form-text {
  background-image: none;
  border-color: transparent transparent #b9b9b9 transparent;
  background-color: white;
}

.x-form-type-text textarea.x-form-invalid-field,
.x-form-type-text input.x-form-invalid-field,
.x-form-type-password textarea.x-form-invalid-field,
.x-form-type-password input.x-form-invalid-field,
.x-form-type-number textarea.x-form-invalid-field,
.x-form-type-number input.x-form-invalid-field,
.x-form-type-email textarea.x-form-invalid-field,
.x-form-type-email input.x-form-invalid-field,
.x-form-type-search textarea.x-form-invalid-field,
.x-form-type-search input.x-form-invalid-field,
.x-form-type-tel textarea.x-form-invalid-field,
.x-form-type-tel input.x-form-invalid-field {
  background-image: none;
  border-color: transparent transparent red transparent;
}

.x-form-trigger {
  border-width: 1px;
}

.x-list-plain {
  color: #262626;
  font-size: 13px;
}

.x-datepicker-header {
  background-color: white;
  background-image: none;
}

.x-datepicker-footer {
  background-image: none;
}

.x-grid-row-before-selected .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #d0d2e6;
}

.x-grid-row-selected .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #1890ff;
}

.x-grid-row-before-focused .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #d0d2e6;
  border-bottom-width: 1px;
}

.x-grid-row-focused .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #1890ff;
  border-bottom-width: 1px;
}

.x-grid-table .x-grid-row-focused-first .x-grid-td {
  border-top: 1px solid #d0d2e6;
}

.x-grid-with-row-lines .x-grid-table-selected-first {
  border-top-style: solid;
  border-top-color: #d0d2e6;
}

.x-grid-body .x-grid-table-focused-first {
  border-top: 1px solid #d0d2e6;
}

/* 说明或备注这类字段的样式 */
.PSI-field-note {
  color: #a8071a;
  border-bottom: 2px solid #69c0ff;
}

.PSI-lookup-note {
  color: #196d6d;
  margin-left: 2px;
}

.PSI-viewBill-field {
  color: #a8071a;
}

/* 标题里面的关键高亮字词 */
.PSI-title-keyword {
  color: #0050b3;
  font-weight: bold;
}

/* Grid单元格文字自动换行 */
.PSI-grid-cell-autoWrap {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.PSI-Lookup .x-grid-row td {
  line-height: 18px;
  vertical-align: middle;
}

.PSI-Lookup .x-grid-row-focused .x-grid-cell-first {
  border-left: 3px solid #fa8c16;
}

.PSI-Lookup .x-grid-row-focused .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

.PSI-Lookup .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-Lookup .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

/* FC - First Column */
.PSI-FC .x-grid-row td {
  line-height: 18px;
  vertical-align: middle;
}

.PSI-FC .x-grid-row-focused .x-grid-cell-first {
  border-left: 3px solid #9254de;
}

.PSI-FC .x-grid-row-focused .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

.PSI-FC .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-FC .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

/* HL - Hightlight */
.PSI-HL .x-grid-row td {
  line-height: 18px;
  vertical-align: middle;
}

.PSI-HL .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-HL .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

/* LC - Lock Column */
.PSI-LC .x-grid-row td {
  line-height: 18px;
  vertical-align: middle;
}

.PSI-LC .x-grid-inner-locked .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-LC .x-grid-inner-locked .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

/* EF - Edit Form  */
.PSI-EF .x-grid-row td,
.x-grid-summary-row td {
  line-height: 18px;
  vertical-align: middle;
}

.PSI-EF .x-grid-editor .x-form-text {
  height: 26px;
}

.PSI-EF .x-trigger-cell {
  border-bottom: 1px solid #9254de;
  vertical-align: middle;
}

.PSI-EF .x-grid-row-focused .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #d0d2e6;
  border-bottom-width: 1px;
}

.PSI-EF .x-grid-row-focused .x-grid-cell-first {
  border-left: 3px solid #9254de;
}

.PSI-EF .x-grid-row-focused .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

.PSI-EF .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-EF .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

/* KB - kanban 看板 */
.PSI-KB .x-grid-row td {
  line-height: 22px;
  vertical-align: middle;
}

.PSI-KB .x-grid-row-focused .x-grid-cell-first {
  border-left: 3px solid #fa8c16;
}

.PSI-KB .x-grid-row-focused .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

.PSI-KB .x-grid-row-over .x-grid-cell-first {
  border-left: 3px solid #08979c;
}

.PSI-KB .x-grid-row-over .x-grid-cell-first .x-grid-cell-inner {
  padding-left: 3px;
}

/* 分页器 */
.PSI-Pagination input {
  background-color: #dadada;
  color: #196d6d;
}

.PSI-Pagination .x-trigger-noedit {
  background-color: #dadada !important;
}

.x-btn-default-toolbar-small-disabled {
  border-color: transparent;
}

.PSI-record-disabled {
  color: gray;
  text-decoration: line-through;
}

.PSI-Shortcut-Cmp .x-form-text {
  background-image: none;
  border-bottom-color: #c3cbcc;
  background-color: #dadada;
}

.PSI-App-Sidebar {
  background-image: none;
  background-color: #354a5f !important;
}

.PSI-Query-Panel {
  background-color: #fcfcfc;
}

.PSI-Query-Panel input {
  background-color: #fcfcfc;
}
